import {trigger, state, style, animate, transition} from '@angular/animations';
//在两个状态间转场
export const  heroState = trigger('heroState', [
  state('inactive', style({
    backgroundColor: '#eee',
    transform: 'scale(1)'
  })),
  state('active', style({
    backgroundColor: 'red',
    transform: 'scale(2)'
  })),
  transition('inactive => active', animate('100ms ease-in')),
  transition('active => inactive', animate('100ms ease-out'))
]);
